<h1>Progress bars</h1>
<h2>Large</h2>
<div style="font-size:16px">
This is an example of <progress value=7 max=10></progress> a determinate progress bar.<br>
This is an example of <progress></progress> an indeterminate progress bar.<br>
This is an example of <progress dir=rtl value=7 max=10></progress> a right-to-left determinate progress bar.<br>
This is an example of <progress dir=rtl></progress> a right-to-left indeterminate progress bar.<br>
</div>
<h2>Small</h2>
<div style="font-size:14px">
This is an example of <progress value=4 max=10></progress> a small determinate progress bar.<br>
This is an example of <progress></progress> a small indeterminate progress bar.<br>
This is an example of <progress dir=rtl value=4 max=10></progress> a small right-to-left determinate progress bar.<br>
This is an example of <progress dir=rtl></progress> a small right-to-left indeterminate progress bar.<br>
</div>
